import React from "react"
import { Avatar, List } from "antd"
import { Input } from 'antd';
import "./NavBar.css"
const { Search } = Input;

/**
 * 导航栏
 * @returns 
 */
const NavBar = () => {
    return (
        <div className="div-home-nav">
            <List>
                <List.Item>
                    <div>首页</div>
                    <div>番剧</div>
                    <div>直播</div>
                    <div>游戏中心</div>
                    <div>会员购</div>
                    <div>漫画</div>
                    <div>赛事</div>
                    <Search placeholder="input search text" style={{ width: 200 }} />
                    <Avatar />
                    <div>大会员</div>
                    <div>消息</div>
                    <div>动态</div>
                    <div>收藏</div>
                    <div>历史</div>
                    <div>灵感</div>
                    <div>上传</div>
                </List.Item>
            </List>
        </div>
    )
}

export default NavBar